/*一些公共样式*/
.content {width: 1200px;margin: 0 auto;overflow: hidden}
body {min-width: 1200px;background-color: #2a2f43}
/*一些公共样式结束*/

/*头部导航*/
header {background-color: #2a2f43}
header > div {width: 1200px;margin: 0 auto}
header p, header p span {float: left;color: #e5cf97;font-size: 14px;line-height: 30px;margin-left: 30px}
header p span {margin-right: 5px}
.search {font-size: 12px;line-height: 19px;color: #e5cf97;width: 300px;height: 19px;margin: 0 auto;border-bottom: 1px solid #e5cf97}
.search input {width: 240px;vertical-align: bottom;height: 19px;line-height: 19px;font-size: 12px;background-color: transparent;color: #e5cf97}
.search span {display: inline-block;font-size: 12px;line-height: 19px;color: #e5cf97}
header .nav {padding: 20px 0}
header .nav > li {float: left;padding: 0 25px;position: relative}
header .nav > li, header .nav > li > a {font-size: 14px;line-height: 30px;color: #e5cf97;text-decoration: none}
header .nav li:hover > a {color: white;text-decoration: none}
header .nav ul {position: absolute;top: 100%;left: 0;width: 100%;height: 0;text-align: center;overflow: hidden;background-color: #2a2f43;z-index: 999;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
header li:hover ul {height: 120px}
header li li:hover {background-color: white}
header li li a {color: white}
header .nav li li:hover a {color: black}
/*头部导航结束*/

/*尾部导航*/
footer {background-color: #2a2f43;padding-top: 40px;border-top: 1px solid white}
footer > .content {padding-bottom: 45px}
footer h1 {font-size: 22px;line-height: 34px;margin-bottom: 22px;color: white;margin-left: 15px}
footer li {float: left;width: calc(25% - 15px);margin-left: 15px}
footer li li {margin: 0;width: 100%;font-size: 16px;line-height: 36px;color: #c1bfbf}
footer h2 {font-size: 18px;line-height: 38px;color: white}
footer li a {font-size: 16px;line-height: 36px;color: #c1bfbf}
footer a:hover {text-decoration: none}
footer .small {background-color: white;padding: 35px 0;text-align: center;font-size: 14px;line-height: 30px}
footer .small ul {margin-left: 15px}
footer .small li {width: initial;margin: 0 50px 0 0}
footer .small li:last-child {margin: 0}
footer .small a, footer .small span {font-size: 14px;line-height: 30px;color: #353740}
footer .small .r {margin-right: 15px}
/*尾部导航结束*/

/*首页*/
.swiper-container img {width: 100%;vertical-align: top}
.swiper-container-horizontal > .swiper-pagination-bullets {width: initial;left: 25%;bottom: 30px}
.swiper-pagination-bullet {width: 20px;height: 20px;background-color: #b5b5b5;opacity: 1}
.swiper-pagination-bullet-active {background-color: #2b2e37}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px}
.swiper-container .swiper-slide {position: relative}
.swiper-container .dw {position: absolute;top: 22%;left: 22%}
.swiper-container .dw h5 {font-size: 38px;line-height: 62px;color: white;text-transform: uppercase}
.swiper-container .dw h6 {font-size: 36px;line-height: 72px;color: white}
.swiper-container .dw a {display: inline-block;margin-left: 10px;width: 170px;height: 50px;background-color: #2a2f43;text-align: center;color: #e5cf97;font-size: 15px;line-height: 50px}
.biaoti {margin: 20px 0 20px;text-align: center}
.biaoti h3 {font-size: 23px;line-height: 50px;position: relative;display: inline-block;text-transform: uppercase;color: #e5cf97}
.biaoti h2 {font-size: 23px;line-height: 40px;color: #e5cf97}
.biaoti .zkn-jiandao, .biaoti .zkn-jiandao1 {font-size: 40px;color: #e5cf97;position: absolute;top: 100%;left: 0;line-height: 40px}
.biaoti .zkn-jiandao1 {left: auto;right: 0}
.li-6 {margin-bottom: 50px}
.li-6 li {float: left;width: 16.666%;text-align: center}
.li-6 li div {position: relative;height: 100px}
.li-6 li img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100px}
.li-6 li p {font-size: 15px;line-height: 30px;color: #e5cf97}
.li-3  li {float: left;width: 33.3333%}
.li-3 li div {background-color: white;margin: 10px;padding: 8px}
.li-3 img {width: 100%;vertical-align: top}
.index .custom-advantage ul {border: 1px solid white;border-left: none;border-right: none;overflow: hidden}
.index .custom-advantage li {float: left;width: 199px;border-left: 1px solid white;overflow: hidden;position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
.index .custom-advantage li.on {width: 599px}
.index .custom-advantage li img {width: 600px;vertical-align: top}
.index .custom-advantage li .dw {position: absolute;width: 68px;height: 68px;border: 3px solid white;top: 55px;;left: 63px;text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
.index .custom-advantage li.on .dw {top: -100px}
.index .custom-advantage li .dw .zkn {font-size: 40px;line-height: 68px;color: white}
.classic {margin-top: 90px;position: relative;height: 886px}
.classic h3, .classic h2 {font-size: 24px;line-height: 30px;color: #e5cf97;text-transform: uppercase}
.classic > ul {float: right;margin-top: -60px;padding: 15px}
.classic > ul > li {float: left;font-size: 15px;line-height: 30px;margin-left: 50px}
.classic li a {color: #e5cf97}
.classic .on a {color: white}
.classic ul ul {position: absolute;width: 1220px;height: 806px;overflow: hidden;display: none;top: 80px;left: 0;margin: 0 -10px}
.classic .on ul {display: block}
.classic ul ul li {float: left;width: 25%;}
.classic li div {margin: 10px;padding-bottom: 125.61%;position: relative}
.classic li img {width: 100%;height: 100%;position: absolute}
.li-5 {margin-bottom: 50px;margin-top: 50px}
.li-5 li {float: left;width: 20%;text-align: center}
.li-5 li div {position: relative;height: 100px}
.li-5 li img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100px}
.li-5 li p {font-size: 15px;line-height: 30px;color: #e5cf97;margin-top: 20px}
.company-profile {background-image: url("../img/index-jianjie-bg.png");background-size: 100%;color: white;font-size: 15px;line-height: 30px;padding: 0 30px 30px;text-align: justify}
.company-profile .biaoti h3, .company-profile .biaoti h2 {color: white}
.company-profile .biaoti .zkn-jiandao, .company-profile .biaoti .zkn-jiandao1 {color: white}
.company-profile p {font-size: 15px;line-height: 30px;color: white;text-indent: 30px;text-align: justify}
.more {display: block;width: 137px;height: 42px;text-align: center;border: 1px solid white;color: white;font-size: 15px;line-height: 42px;margin: 0 auto;border-radius: 4px}
.more:hover {text-decoration: none}
.see-the-problem ul li {float: left;width: 550px;margin: 25px;background-color: white}
.see-the-problem li h6, .see-the-problem li div {padding: 0 40px;position: relative}
.see-the-problem h6 {background-color: #eee;font-size: 18px;line-height: 42px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.see-the-problem li div {margin: 10px 0;height: 90px;overflow: hidden}
.see-the-problem h6:before, .see-the-problem li div:before {display: inline-block;position: absolute;left: 20px;font-size: 18px}
.see-the-problem h6:before {content: 'Q:'}
.see-the-problem li div:before {content: 'A:';line-height: 30px}
.see-the-problem p {font-size: 15px;line-height: 30px;color: #403e3e}
.see-the-problem li a {display: block;text-align: right;margin-right: 10px;margin-bottom: 10px}
.see-the-problem li a:hover {text-decoration: none}
.see-the-problem .more {color: #e5cf97;border-color: #e5cf97}
.index-contact .r {width: 267px;height: 58px;border: 1px solid #e5cf97;color: #e5cf97;text-align: center;border-radius: 4px;margin-top: 15px;font-size: 16px;line-height: 58px}
.index-contact p {font-size: 20px;line-height: 30px;color: white;width: 550px}
.index-contact span {font-size: 18px;line-height: 30px;color: white}
/*首页结束*/

/*西服定制*/
.top {position: relative}
.top img {width: 100%;vertical-align: top}
.top .dw {position: absolute;top: 30%;left: 30%}
.top h3, .top span, .top p {color: white;font-weight: bold;text-transform: uppercase}
.top h3 {font-size: 43px}
.top span {font-size: 60px;display: inline-block;margin-left: 10px}
.top p {font-size: 27px}
.tuzi {margin: 30px 0}
.tuzi li {margin: 20px 0;overflow: hidden}
.tuzi img {width: 628px;height: 275px}
.tuzi div {width: 472px;height: 208px;background-color: white;padding: 20px 40px 47px;overflow: hidden}
.tuzi h6 {font-size: 30px;line-height: 70px;border-bottom: 3px solid #3a3949;color: #3a3949;margin-bottom: 15px;letter-spacing: 4px}
.tuzi p {font-size: 15px;line-height: 30px;color: #3a3949;width: 330px;text-align: justify;letter-spacing: 2px}
.neiye .custom-advantage p {font-size: 15px;line-height: 30px;color: white;text-align: center}
.neiye .custom-advantage ul {margin: 30px 0}
.neiye .custom-advantage li {float: left;width: 370px;margin-right: 45px;margin-bottom: 45px;overflow: hidden}
.neiye .custom-advantage li:nth-child(3n) {margin-right: 0}
.neiye .custom-advantage img {width: 100%;vertical-align: top}
.neiye .classic {margin: 10px 0 50px}
/*西服定制结束*/

/*衬衫定制*/
.shirt .custom-advantage h5 {font-size: 30px;line-height: 40px;color: white;text-align: center;margin-bottom: 10px}
/*衬衫定制结束*/

/*企业定制*/
.enterprise {margin: 20px auto 70px}
.enterprise div {padding: 20px;background-color: white}
.enterprise img {width: 100%;vertical-align: top}
.enterprise div img {margin-bottom: 20px}
.enterprise p {font-size: 16px;line-height: 36px}
/*企业定制结束*/

/*皮鞋定制*/
.shoes .tuzi {margin-bottom: 0}
.shoes .tuzi li {margin: 0}
.shoes .tuzi img {width: 705px;height: 319px}
.shoes .tuzi div {width: 415px;height: 262px;padding-bottom: 37px}
.shoes .tuzi h6 {font-size: 30px;line-height: 60px;padding: 0;margin: 0;border: 0;margin-bottom: 10px}
.shoes .tuzi p {font-size: 22px;line-height: 48px;width: 100%}
.shoes .li-2 {margin-bottom: 30px}
.shoes .li-2 li {float: left;width: 50%}
.shoes .li-2 img {width: 100%;vertical-align: top}
.shoes > p {font-size: 23px;line-height: 48px;text-align: center;color: #e5cf97}
.shoes .classic {margin-bottom: 35px}
/*皮鞋定制结束*/

/*女装定制*/
.women .p {margin: 50px 0}
.women p {font-size: 18px;line-height: 34px;color: white;text-align: center}
/*女装定制结束*/

/*婚礼定制*/
.marry {margin-bottom: 30px}
.marry .clearfix {background-color: white}
.marry img:not(.r) {width: 100%;vertical-align: top;border-bottom: 1px solid #f3f4f5}
.marry .clearfix ul {margin: 100px 0 0 120px}
.marry .clearfix p {font-size: 16px;line-height: 30px}
.marry .liji {display: block;width: 147px;height: 40px;font-size: 16px;line-height: 40px;text-align: center;color: white;margin: 60px 0 0 165px;background-color: #1c1d31;border-radius: 4px}
/*婚礼定制结束*/

/*关于我们*/
.ab {margin: 20px auto 40px}
.ab .menu {float: left;width: 190px}
.ab .menu li {margin-bottom: 12px}
.ab .menu li a {display: block;height: 62px;font-size: 20px;line-height: 62px;text-align: center;background-color: white}
.ab .menu li a:hover, .ab .menu .on a {text-decoration: none;color: white;background-color: #e91936}
.ab > .r {width: 990px}
.ab h1 {font-size: 18px;line-height: 62px;background-color: white;padding-left: 30px;margin-bottom: 12px}
.ab .r div {padding: 10px 30px 30px;background-color: white}
.ab .r h5 {font-size: 18px;line-height: 62px}
.ab .r h5:before {content: '';width: 43px;height: 18px;display: inline-block;background-color: #e91936;float: left;margin: 22px 8px 0 0}
.ab .r p {font-size: 15px;line-height: 24px;margin-bottom: 10px}
/*关于我们结束*/

/*新闻*/
.news li {overflow: hidden;margin-bottom: 15px}
.news img {float: left;width: 370px;height: 200px;margin-right: 28px}
.news h6 a {font-size: 18px;line-height: 60px;color: black}
.ab .news p {font-size: 14px;line-height: 30px;text-align: justify;height: 90px;overflow: hidden}
.news .gengduo {font-size: 14px;line-height: 50px;display: block;color: #a51a1d}
/*新闻结束*/

/*新闻详情*/
.news-details h2 {font-size: 30px;text-align: center;margin: 30px auto}
.news-details img {max-width: 100%;margin-bottom: 20px}
.news-details p {margin-bottom: 10px;font-size: 14px;line-height: 30px}
/*新闻详情结束*/

/*常见问题*/
.problems {border: 1px solid #d9d9d9;border-bottom: 0}
.problems h6 {font-size: 14px;line-height: 44px;color: #e91936;padding-left: 60px;background-color: #e6e6e6;border-bottom: 1px solid #d9d9d9;position: relative}
.problems p {padding:20px 40px 10px 60px;font-size: 14px;line-height: 26px;color: #666;position: relative;border-bottom: 1px solid #d9d9d9;}
.problems h6:before, .problems p:before {display: block;position: absolute;left: 30px}
.problems h6:before {content: '问:'}
.problems p:before {content: '答:'}
/*常见问题结束*/

/*分页样式*/
.tcdPageCode{padding: 15px 20px;color: #ccc;text-align:center;}
.tcdPageCode a{display: inline-block;color: #767575;display: inline-block;height: 28px;	line-height: 28px;	padding: 0 10px;border: 1px solid #d9d7d7;vertical-align: middle;border-radius: 14px;margin: 0 5px}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #e91936;}
.tcdPageCode span.current{display: inline-block;height: 28px;line-height: 28px;padding: 0 20px;color: #fff;background-color: #e91936;	border: 1px solid #e91936;vertical-align: middle;border-radius: 14px}
.tcdPageCode span.disabled{	display: inline-block;height: 28px;line-height: 28px;padding: 0 10px;color: #bfbfbf;background: #f2f2f2;border: 1px solid #d9d7d7;vertical-align: middle;border-radius: 14px}
.tcdPageCode a:first-child, .tcdPageCode a:last-child, .tcdPageCode span:first-child, .tcdPageCode span:last-child{margin: 0 10px;}
/*分页样式结束*/